<template>
  <div class="inquiry">
    <a-tabs defaultActiveKey="1" @change="callback">
      <a-tab-pane tab="待申请询价单" key="1"><PendingInquiry></PendingInquiry></a-tab-pane>
      <a-tab-pane tab="报价中" key="2" forceRender><InquirySubmission></InquirySubmission></a-tab-pane>
      <a-tab-pane tab="已定标" key="3"><Picketage></Picketage></a-tab-pane>
      <a-tab-pane tab="已关闭" key="4"><CloseInquiry></CloseInquiry></a-tab-pane>
      <a-tab-pane tab="需求转询价" key="5"><DemandToInquiry></DemandToInquiry></a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
import PendingInquiry from "../views/Inquiry/pendingInquiry";
import InquirySubmission from "../views/Inquiry/inquirySubmission";
import Picketage from "../views/Inquiry/picketage";
import CloseInquiry from "../views/Inquiry/closeInquiry";
import DemandToInquiry from "../views/Inquiry/demandToInquiry";

export default {
  name: "inquiry",
  data() {
    return {};
  },
  components: {
    PendingInquiry, 
    InquirySubmission,
    Picketage,
    CloseInquiry,
    DemandToInquiry
  },
  methods: {
    callback(key) {
      console.log(key);
    }
  }
};
</script>
<style>

</style>
